In-application adjacent color contrast detection

ABSTRACT

Methods and systems disclosed relate to color controls for visual accessibility within applications. Within a content editor of an application, a user may choose one or more colors for a content element. Upon choosing the color for the content element, a color control generates a contrast ratio between the chosen color of the content element and a background color upon which the content element may be seen. If a contrast ratio is not met or exceeded, an indicator is provided to a user. In some embodiments, the color control may further recommend an accessible color to the user in place of the chosen color, such that the contrast ratio between the accessible color and the background color meets or exceeds the threshold.

INTRODUCTION

Aspects of the present disclosure relate to color controls for anapplication, and more particularly, to a graphical user interface fordetecting and reporting contrast ratio of adjacent color elements in anapplication.

A wide variety of applications provide a user with the ability to modifygraphical element colors. For example, reporting, graphical design, webpage creation, business management, project management, word processors,and spreadsheets provide basic, if any, tools for to modify colors ofdifferent elements. Using these tools, users are able to modify colorsof elements in an application such as text, chart elements, andbackground.

However, for purposes of accessibility to people with different visualcapabilities, colors should be chosen to have sufficient contrastbetween adjacent colors. Conventionally, to determine if two adjacentcolors are of sufficient contrast, such as between a graphical elementof a report and the report background, the user leaves the applicationto open an external app, copy the colors (or a representation of thecolors such as a hex or RGB code) into the external app, and theexternal app will indicate a contrast ratio. This conventional approachrequires the acquisition of additional apps, takes time, and breaks auser out of the workflow of the original application, taking additionalperson-time to re-enter that workflow. Moreover, colors being comparedmay not be accurately transcribed to the external app, potentiallyresulting in a faulty comparison.

What is needed are methods and systems to overcome the deficiencies ofconventional approaches.

BRIEF SUMMARY

Certain embodiments provide a method for controlling color in anapplication, including receiving at an application comprising abackground color, a command to open a content editing tool of theapplication in a context of a graphical element of the application,receiving at the content editing tool, a color selection for thegraphical element comprising a foreground color, and calculating a firstcontrast ratio between the background color and the foreground color.Further embodiments include comparing the first contrast ratio to acontrast ratio threshold and displaying, in the content editing tool, anindication that the first contrast ratio is greater than or less thanthe contrast ratio threshold.

Other embodiments provide processing systems configured to perform theaforementioned methods as well as those described herein;non-transitory, computer-readable media comprising instructions that,when executed by one or more processors of a processing system, causethe processing system to perform the aforementioned methods as well asthose described herein; a computer program product embodied on acomputer-readable storage medium comprising code for performing theaforementioned methods as well as those further described herein; and aprocessing system comprising means for performing the aforementionedmethods as well as those further described herein.

The following description and the related drawings set forth in detailcertain illustrative features of one or more embodiments.

BRIEF DESCRIPTION OF THE DRAWINGS

So that the manner in which the above-recited features of the presentdisclosure can be understood in detail, a more particular description ofthe disclosure, briefly summarized above, may be had by reference toembodiments, some of which are illustrated in the appended drawings. Itis to be noted, however, that the appended drawings illustrate onlyexemplary embodiments and are therefore not to be considered limiting ofits scope, may admit to other equally effective embodiments.

FIG. 1 depicts a system for color control of an application, accordingto certain embodiments.

FIG. 2 depicts a flow diagram for comparing contrasts of adjacentcolors, according to certain embodiments.

FIG. 3 depicts a method for color control in an application, accordingto certain embodiments.

FIG. 4 depicts a system for color control in an application, accordingto certain embodiments.

To facilitate understanding, identical reference numerals have beenused, where possible, to designate identical elements that are common tothe figures. It is contemplated that elements and features of oneembodiment may be beneficially incorporated in other embodiments withoutfurther recitation.

DETAILED DESCRIPTION

In the following, reference is made to embodiments of the disclosure.However, it should be understood that the disclosure is not limited tospecifically described embodiments. Instead, any combination of thefollowing features and elements, whether related to differentembodiments or not, is contemplated to implement and practice thedisclosure. Furthermore, although embodiments of the disclosure mayachieve advantages over other possible solutions and/or over the priorart, whether or not a particular advantage is achieved by a givenembodiment is not limiting of the disclosure. Thus, the followingaspects, features, embodiments, and advantages are merely illustrativeand are not considered elements or limitations of the appended claimsexcept where explicitly recited in a claim(s). Likewise, a reference to“the disclosure” shall not be construed as a generalization of anyinventive subject matter disclosed herein and shall not be considered tobe an element or limitation of the appended claims except whereexplicitly recited in a claim(s).

Aspects of the present disclosure provide apparatuses, methods,processing systems, and computer-readable mediums for in-applicationdetection of contrast of adjacent colors, for example, for visualaccessibility within applications. In some embodiments, a content editorof an application enables a user to choose one or more colors for acontent element. Upon choosing the color for the content element, acolor control generates a contrast ratio between the chosen color of thecontent element and an adjacent color. If a contrast ratio threshold isnot met or exceeded, an indicator is provided to a user. In someembodiments, the color control may further recommend a higher contrastcolor to the user in place of the chosen color, such that the contrastratio between the chosen color and the background color meets or exceedsthe threshold.

Visual elements of an application typically have different colors bothfor their decorative value and to create a visual distinction betweenthe elements. A background element having a background color may serveas a backdrop for a foreground element that, in turn, has a foregroundcolor. Visual distinction between these elements are created at theborders where they meet, and the contrast between foreground andbackground color determines how easily a viewer may distinguish betweenthe foreground and background elements.

In this context, “foreground” and “background” elements are meant todistinguish between different visual elements within the application.The germane relationship between these elements is the the contrastratio of the colors of the foreground and background elements, where thecontrast between the colors of each element may be a determining factorof visual distinction between the elements. In certain embodiments, theforeground and background elements are adjacent to each other, while inother embodiments there may be separation between them, such as by aborder. A background element in this context need not necessarily extendbehind/underneath a foreground element. The background and foregroundelement are distinct visual elements within an application display,either adjacent to one another or with separation between them.

The visual distinction between the colors of the foreground andbackground element may be determined by the contrast between the colors.A contrast of color may, in some embodiments, be determined by theluminescence of the color. As for determining the contrast between twocolors, a contrast ratio may be determined. For visual accessibilitystandards, such as those defined by the Web Content and AccessibilityGuidelines (WCAG), a content industry-standard promulgated by World WideWeb Consortium (W3C), a contrast ratio of 3:1, for adjoining colors ofnon-text elements, and 7:1 for text and its background. A contrastratio(s) for a desired visual distinctiveness between application visualelements may be chosen based on developer goals for the application,that may be related to WCAG accessibility or other standards.

Conventionally, when choosing a color for an element in an application,a user chooses the color, but then leaves the application to invoke anexternal application to compare the contrast of the chosen color toanother color (such as application background or other visual elements).Embodiments described herein overcome conventional methods by providinga content editing functionality, including color choice options andcontrast ratio between two elements, and indicating to a user if thecontrast ratio meets or exceeds a threshold. In some embodiments, thethreshold may be based on an accessibility contrast ratio requirement orstandard.

Providing contrast ratio generation and threshold indication in the sameapplication in which compared visual elements are creaded and/or editedprovides many advantages over conventional approaches. Comparing colorswithin the same application avoids the need to translate colors betweenapplications, making such comparisons more accurate. Fewer softwaretools are needed, saving time and cost to acquire additional tools.Users are more productive as color comparison occurs in the workflow ofthe application, without the need to change contexts and copy colorsover to an external application. Moreover, user who receives anindication that the contrast ratio of colors of two elements isinsufficient within the application where the elements are being editedmay use the same content editor to change the color of one element (orboth) immediately without shifting attention to another application,resulting in accurate color selection to meet contrast requirements, byavoiding color translation between different applications.

Example System for Color Control

FIG. 1 depicts a system 100 for color control of an application,according to certain embodiments. System 100 includes an application105. Application 105 may include any type of application having thefunctionality for a user to change the color of one or more elements ofthe application 105. Examples of applications having this functionalityinclude process management, graphical design, reporting, and otherapplications in which a user may choose a visual element of theapplication 105 and modify its color. For example, in an applicationenabling a user to develop a bar chart for financial reporting, thefunctionality may be provided to enable a user to select a bar of a barchart, or a stacked portion of a contiguous bar, and modify the color ofthe selected portion. In this context, application 105 includes anapplication display 110 that provides a visual interface for a user toview and interact with elements of the application 105.

Within application display 110 various visual elements of theapplication 105 are viewable by a user. Application 105 has one or morebackground elements 115, with each background element 115 having abackground color 120; a background element 115 may be of any shapedesired by the application developer or for the end-user. Applicationdisplay 110 further includes one or more foreground elements 125 thatvisually appear over the background element 115. Each foreground element125 can be of any shape desired by the application developer or theend-user and has a foreground color 130. In this context, a foregroundelement 125 will have one or more corresponding background elements 115for which the background color 120 will be visually adjacent to theforeground color 130 of the foreground element 125.

Visual adjacency in this regard may exist anywhere a foreground color130 of a foreground element 125 is visually adjacent to a backgroundcolor 120 of a background element 115. Visual adjacency in this contextmay include the foreground color 130 directly adjacent (e.g., touching)the background color 120, as well as a border separating the foregroundcolor 130 and background color 120.

In some embodiments, there may be more than one background color 120,for example, when there are more than one background colors 120 visuallyadjacent to the foreground color 130, and one or more background colors120 are semi-transparent. In these embodiments, the background color 120will be a combination of background colors based on color andtransparency of background colors. Similarly, there may be more than onecolor that make up the foreground color 130.

For example, in a report generation application, an example ofbackground element 115 may be a visual “page” (e.g., a white rectangularshape) upon which a user provides text that is an example of foregroundelement 125, and one or more charts. In examples where a chart is anexample of foreground element 125, the “page” may be an example of thebackground element 115 upon which the chart is viewed. A chart may be anexample of a background element 115, for which a bar of a bar chart maybe an example of a foreground element 125. A border of a bar chart onthe visual page background element 115 of the application may be anexample of a foreground element 125.

When a user chooses the element to modify its color, such as foregroundelement 125, she has an option to invoke a content editor 135. Contenteditor 135 includes functionality enabling the user to choose one ormore colors for the foreground element 125. Conventionally, a colorpalette may be provided, displaying various available color options. Insome embodiments, a “color picker” may be provided, enabling the user tochoose a color of any visual element available in a display of theuser's computing device. In addition to providing a visual depiction ofavailable colors, each color option includes one or more numericalvalues associated with the color, such as Red Green Blue (RGB) value,hexadecimal value, Hue Saturation Lightness (HSL) value, Cyan MagentaYellow Black (CMYK) value, long format value, or other value that mayidentify an individual color now known or later developed.

Content editor 135 comprises color control 140 for determining thecontrast ratio between the foreground color 130 and the background color120 and compares the contrast ratio to a contrast ratio threshold 145.In certain embodiments, color control 140 determines a luminance valuefor each color (described in connection with FIG. 2) by using RGB valuesfor the background color 120 and foreground color 130. The contrastratio between these colors is a relative luminance value of the lighterof the two colors over (in the numerator position) the relativeluminance of the darker of the two colors (in the denominator position).

Example Flow Diagram for Determining Contrast Ratio

FIG. 2 depicts a flow diagram 200 for comparing the contrast of adjacentcolors such as background color 120 and foreground color 130, accordingto certain embodiments. In certain embodiments, to compare the contrastof adjacent colors of the foreground color 130 and background color 120,a luminance value is calculated for each color and then expressed as acontrast ratio, or relative luminance.

At 205 the flow diagram 200 calculates a luminance value for backgroundcolor, such as background color 120. According to certain embodiments,the luminance of the background color may be calculated by thefollowing:L _(B)=0.2126*R _(B)+0.7152*G _(B)+0.07022*B _(B) where R _(B) ,G _(B),and B _(B) are defined as:

if RBKG<=0.3928 then RB=RBKG/12/92 else RB=(((RBKG+0.055)/1.055)^(2.4)

if GBKG<=0.3928 then GB=RBKG/12/92 else GB=(((GBKG+0.055)/1.055) 2.4

if BBKG<=0.3928 then BB=BBKG/12/92 else BB=(((BBKG+0.055)/1.055) 2.4

where:

L_(B)=Luminance of background color

R_(B)=Red value of background color

G_(B)=Green value of background color

B_(B)=Blue value of background color

R_(BKG)=Red RGB value of background color

G_(BKG)=Green RGB value of background color

B_(BKG)=Blue RGB value of background color

At 210 the flow diagram 200 calculates a luminance value for aforeground color, such as foreground color 130, adjacent to thebackground color. According to certain embodiments, the luminance of theforeground color may be calculated by the following (for example, seeWCAG Technique G17 for Accessibility):L _(F)=0.2126*R _(F)+0.7152*G _(F)+0.07022*B _(F) where R _(F) ,G _(F),and B _(FB) are defined as:

if R_(FG)<=0.3928 then R_(F)=R_(FG)/12/92 elseR_(F)=(((R_(FG)+0.055)/1.055)^(2.4)

if G_(FG)<=0.3928 then G_(F)=R_(FG)/12/92 elseG_(F)=(((G_(FG)+0.055)/1.055)^(2.4)

if B_(FG)<=0.3928 then B_(F)=B_(FG)/12/92 elseB_(F)=(((B_(FG)+0.055)/1.055)^(2.4)

where:

L_(F)=Luminance of foreground color

R_(F)=Red value of foreground color

G_(F)=Green value of foreground color

B_(F)=Blue value of foreground color

R_(FG)=Red RGB value of foreground color

G_(FG)=Green RGB value of foreground color

B_(FG)=Blue RGB value of foreground color

Although RGB values are used above for the example calculation of theluminance values for the background color and foreground color, one ofskill in the art will understand that other color value types may beutilized, such as HSL and CMYK color values.

At 215 the relative luminance of the background color to the foregroundcolor is calculated as follows:(L1+0.05)/(L2+0.05), where:

L1 is the luminance of the lighter of the foreground color and thebackground color; and

L2 is the luminance of the darker of the foreground color and thebackground color. Relative luminance, also called contrast ratio herein,may be expressed as L1:L2.

At 220, it is determined whether or not the contrast ratio is greaterthan or equal to a threshold ratio. In embodiments comparing theluminance of text to that of an adjacent color (such as a backgroundbehind the text), the threshold ratio may be 7:1, for example, forvisual accessibility. In embodiments comparing the luminance of anelement such as a bar element of a bar chart to that of an adjacentcolor (such as background behind the bar element or an adjacent bar inthe bar chart), the threshold ratio may be 4:1 for example, for visualaccessibility.

If the determination at 220 is YES, the flow diagram 200 proceeds to225, providing an indicator that the threshold ratio has at least beenmet. Such indication may be that the ratio is “accessible” forcompliance with accessibility guidelines or any other message indicatingthat the desired ratio has been met (or exceeded).

If the determination at 220 is NO, the flow diagram 200 proceeds to 230,indicating that the threshold ratio has not at least been met. In someembodiments, such an indication maybe be that the ratio is “notaccessible” for compliance with accessibility guidelines, or othermessages indicating that the desired ratio has not been met.

After indicating that the ratio has not been met, the flow diagram 200proceeds to 235, seeking a new color value for at least one of thebackground color and foreground color, before proceeding to 205.

As an option, after indicating that the threshold ratio has not been metat 230, the flow diagram may proceed to 240. At 240, the flow diagramdetermines a new color value for one of the background color andforeground color that meets (or exceeds) the threshold ratio.

Also optional, once the new color has been determined at 240, the flowdiagram proceeds to display the new color value at 245.

Example Method for Color Control

FIG. 3 depicts a method 300 for color control in an application,according to certain embodiments.

At 305, the method 300 receives at an application comprising abackground color, a command to open a content editing tool of theapplication in a context of a graphical element of the application.

At 310, the method receives at the content editing tool a colorselection for the graphical element comprising a foreground color.

At 315, the method calculates a first contrast ratio between thebackground color and the foreground color. In certain embodiments, themethod 300 comprises measuring a relative luminance of the foregroundcolor and relative luminance of the background color. In certainembodiments, the background color and foreground color are adjacent toeach other. In further embodiments, the background color is a color of asecond graphical element of the application.

At 320, the method compares the first contrast ratio to a contrast ratiothreshold, and at 325 the method displays, in the content editing tool,an indication that the first contrast ratio is one of greater than andless than the contrast ratio threshold. In certain embodiments, arecommended color or range of colors for the graphical element isdisplayed. In embodiments providing a recommended color or colors,recommending comprises determining a luminance of a plurality of colorsrelative to the luminance of the background color and setting therecommended color as one or more of the plurality of colors having aluminance relative to the luminance of the background color above thecontrast ratio threshold.

In some embodiments, method 300 further comprises obtaining the contrastratio threshold from a policy configuration of a tenant of a cloudhosting platform provisioned to host the application.

Example System for Color Control

FIG. 4 depicts a system 400 for color control in an application,according to certain embodiments, that may perform the methods describedherein, such as the flow diagram for comparing the contrast of adjacentcolors described with respect to FIG. 2, and the method for colorcontrol in an application described with respect to FIG. 3.

Platform 401 includes a central processing unit (CPU) 402 connected to abus 416. CPU 402 is configured to process computer-executableinstructions, e.g., stored in memory 408 or storage 410, and to causethe platform 401 to perform methods described herein, for example, withrespect to FIGS. 2 and 3. CPU 402 is included to be representative of asingle CPU, multiple CPUs, a single CPU having multiple processingcores, and other forms of processing architecture capable of executingcomputer-executable instructions.

System 400 further includes input/output (I/O) device(s) 412 andinterfaces 404, which allows platform 401 to interface with input/outputdevices 412, such as, for example, keyboards, displays, mouse devices,pen input, and other devices that allow for interaction with platform401. Note that platform 401 may connect with external I/O devicesthrough physical and wireless connections (e.g., an external displaydevice).

Platform 401 further includes a network interface 406, which providesplatform 401 with access to external network 414 and thereby externalcomputing devices.

Platform 401 further includes memory 408, which in this example includesa receiving module 418, calculating module 420, comparing module 422,displaying module 424, recommending module 426, and application module428 for performing operations described in FIGS. 2 and 3. While notdepicted, other aspects consistent with those described herein may beincluded in memory 408.

Note that while shown as a single memory 408 in FIG. 4 for simplicity,the various aspects stored in memory 408 may be stored in differentphysical memories, including memories remote from platform 401, but allaccessible by CPU 402 via internal data connections such as bus 416.

Storage 410 further includes background color data 442, which may belike the background color described in connection with FIGS. 1-3.

Storage 410 further includes foreground color data 444, which may belike the foreground color described in connection with FIGS. 1-3.

Storage 410 further includes contrast data 446, which may be likecontrast described in connection with FIGS. 1-3.

Storage 410 further includes contrast ratio data 448, which may be likecontrast ratios described in connection with FIGS. 1-3.

Storage 410 further includes threshold data 450, which may be likethresholds described in connection with FIGS. 1-3.

Storage 410 further includes indicator data 452, which may be likeindicators described in connection with FIGS. 1-3.

While not depicted in FIG. 4, other aspects may be included in storage410.

As with memory 408, a single storage 410 is depicted in FIG. 4 forsimplicity, but various aspects stored in storage 410 may be stored indifferent physical storages, but all accessible to CPU 402 via internaldata connections, such as bus 416, or external connection, such asnetwork interfaces 406. One of skill in the art will appreciate that oneor more elements of platform 401 may be located remotely and accessedvia a network 414.

Additional Considerations

The preceding description is provided to enable any person skilled inthe art to practice the various embodiments described herein. Theexamples discussed herein are not limiting of the scope, applicability,or embodiments set forth in the claims. Various modifications to theseembodiments will be readily apparent to those skilled in the art, andthe generic principles defined herein may be applied to otherembodiments. For example, changes may be made in the function andarrangement of elements discussed without departing from the scope ofthe disclosure. Various examples may omit, substitute, or add variousprocedures or components as appropriate. For instance, the methodsdescribed may be performed in an order different from that described,and various steps may be added, omitted, or combined. Also, featuresdescribed with respect to some examples may be combined in some otherexamples. For example, an apparatus may be implemented or a method maybe practiced using any number of the aspects set forth herein. Inaddition, the scope of the disclosure is intended to cover such anapparatus or method that is practiced using other structure,functionality, or structure and functionality in addition to, or otherthan, the various aspects of the disclosure set forth herein. It shouldbe understood that any aspect of the disclosure disclosed herein may beembodied by one or more elements of a claim.

As used herein, the word “exemplary” means “serving as an example,instance, or illustration.” Any aspect described herein as “exemplary”is not necessarily to be construed as preferred or advantageous overother aspects.

As used herein, a phrase referring to “at least one of” a list of itemsrefers to any combination of those items, including single members. Asan example, “at least one of: a, b, or c” is intended to cover a, b, c,a-b, a-c, b-c, and a-b-c, as well as any combination with multiples ofthe same element (e.g., a-a, a-a-a, a-a-b, a-a-c, a-b-b, a-c-c, b-b,b-b-b, b-b-c, c-c, and c-c-c or any other ordering of a, b, and c).

As used herein, the term “determining” encompasses a wide variety ofactions. For example, “determining” may include calculating, computing,processing, deriving, investigating, looking up (e.g., looking up in atable, a database or another data structure), ascertaining and the like.Also, “determining” may include receiving (e.g., receiving information),accessing (e.g., accessing data in a memory) and the like. Also,“determining” may include resolving, selecting, choosing, establishingand the like.

The methods disclosed herein comprise one or more steps or actions forachieving the methods. The method steps and/or actions may beinterchanged with one another without departing from the scope of theclaims. In other words, unless a specific order of steps or actions isspecified, the order and/or use of specific steps and/or actions may bemodified without departing from the scope of the claims. Further, thevarious operations of methods described above may be performed by anysuitable means capable of performing the corresponding functions. Themeans may include various hardware and/or software component(s) and/ormodule(s), including, but not limited to a circuit, an applicationspecific integrated circuit (ASIC), or processor. Generally, where thereare operations illustrated in figures, those operations may havecorresponding counterpart means-plus-function components with similarnumbering.

The following claims are not intended to be limited to the embodimentsshown herein, but are to be accorded the full scope consistent with thelanguage of the claims. Within a claim, reference to an element in thesingular is not intended to mean “one and only one” unless specificallyso stated, but rather “one or more.” Unless specifically statedotherwise, the term “some” refers to one or more. No claim element is tobe construed under the provisions of 35 U.S.C. § 112(f) unless theelement is expressly recited using the phrase “means for” or, in thecase of a method claim, the element is recited using the phrase “stepfor.” All structural and functional equivalents to the elements of thevarious aspects described throughout this disclosure that are known orlater come to be known to those of ordinary skill in the art areexpressly incorporated herein by reference and are intended to beencompassed by the claims. Moreover, nothing disclosed herein isintended to be dedicated to the public regardless of whether suchdisclosure is explicitly recited in the claims.

What is claimed is:
 1. A method for controlling color in an application,comprising: receiving at an application comprising a background color, acommand to open a content editing tool of the application in a contextof a graphical element of the application; receiving at the contentediting tool, a color selection for the graphical element comprising aforeground color; calculating a first contrast ratio between thebackground color and the foreground color; comparing the first contrastratio to a contrast ratio threshold; displaying, in the content editingtool, an indication that the first contrast ratio is greater than orless than the contrast ratio threshold; and displaying a recommendedcolor for the graphical element, further comprising: determining aluminance of a plurality of colors relative to the luminance of thebackground color; and setting the recommended color as one or more ofthe plurality of colors having a contrast ratio relative to thebackground color above the contrast ratio threshold.
 2. The method ofclaim 1, further comprising obtaining the contrast ratio threshold froma policy configuration of a tenant of a cloud hosting platformprovisioned to host the application.
 3. The method of claim 1, whereincalculating the first contrast ratio comprises measuring a relativeluminance of the color selection and relative luminance of thebackground color.
 4. The method of claim 3, wherein the background colorand the foreground color are adjacent to each other.
 5. The method ofclaim 3, wherein the background color is a color of a second graphicalelement of the application.
 6. A system comprising: a memory comprisingexecutable instructions for controlling color in an application; and aprocessor configured to execute the executable instructions and causethe system to: receive at an application comprising a background color,a command to open a content editing tool of the application in a contextof a graphical element of the application; receive at the contentediting tool, a color selection for the graphical element comprising aforeground color; calculate a first contrast ratio between thebackground color and the foreground color; compare the first contrastratio to a contrast ratio threshold; display, in the content editingtool, an indication that the first contrast ratio is one of greater thanor less than the contrast ratio threshold; and display a recommendedcolor for the graphical element, wherein in order to display therecommended color for the graphical element, the processor is configuredto cause the system to further: determine a luminance of a plurality ofcolors relative to the luminance of the background color; and set therecommended color as one or more of the plurality of colors having acontrast ratio relative to the background color above the contrast ratiothreshold.
 7. The system of claim 6, wherein the processor is furtherconfigured to cause system to obtain the contrast ratio threshold from apolicy configuration of a tenant of a cloud hosting platform provisionedto host the application.
 8. The system of claim 6, wherein in order tocalculate the first contrast ratio, processor is further configured tocause the system to measure a relative luminance of the color selectionand relative luminance of the background color.
 9. The system of claim8, wherein the background color and the foreground color are adjacent toeach other.
 10. The system of claim 8, wherein the background color is acolor of a second graphical element of the application.
 11. A method forcontrolling color in an application, comprising: receiving at anapplication comprising a background color, a command to open a contentediting tool of the application in a context of a graphical element ofthe application; receiving at the content editing tool, a colorselection for the graphical element comprising a foreground color;calculating a first contrast ratio between the background color and theforeground color, further comprising measuring a relative luminance ofthe color selection and a relative luminance of the background color;comparing the first contrast ratio to a contrast ratio threshold; anddisplaying, in the content editing tool, an indication that the firstcontrast ratio is greater than or less than the contrast ratiothreshold.
 12. The method of claim 11, further comprising obtaining thecontrast ratio threshold from a policy configuration of a tenant of acloud hosting platform provisioned to host the application.
 13. Themethod of claim 11, wherein the background color and the foregroundcolor are adjacent to each other.
 14. The method of claim 11, whereinthe background color is a color of a second graphical element of theapplication.
 15. The method of claim 11, further comprising displaying arecommended color for the graphical element.
 16. The method of claim 15,wherein displaying a recommended color for the graphical element furthercomprises: determining a luminance of a plurality of colors relative tothe luminance of the background color; and setting the recommended coloras one or more of the plurality of colors having a contrast ratiorelative to the background color above the contrast ratio threshold. 17.The method of claim 1, wherein the color selection is determined by auser.
 18. The method of claim 3, wherein the background color and theforeground color are visually adjacent.
 19. The system of claim 6,wherein the color selection is determined by a user.
 20. The method ofclaim 11, wherein the color selection is determined by a user.